<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Flappy Bird</title>
	<style>
		body{padding:0px;margin:0px;}
		.hide{display:none;}
	</style>
</head>

<body>
<img src="images/bird0_0.png" id="bird0" class="hide">
<img src="images/bird1_1.png" id="bird1" class="hide">
<img src="images/bird2_2.png" id="bird2" class="hide">
<img src="images/bg_day.png" id="bg" class="hide" alt="">
<img src="images/pipe_up.png" id="pipe2" class="hide" alt="">
<img src="images/pipe_down.png" id="pipe1" class="hide" alt="">
<canvas id="canvas"></canvas>

<script src="js/PipeSection.js"></script>
<script src="js/Bird.js"></script>
<script src="js/Environment.js"></script>
<script src="js/main.js"></script>
</body>
</html>
